<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>等高布局解决方案1-table+table-cell</title>
  <style>
    *{margin: 0;padding: 0;}
    #left{background-color: gold;}
    #right{background-color: blue;}

    #parent{display: table;}
    #left,#right{display: table-cell;}
  </style>
</head>

<body>
  <div id="parent">
    <div id="left">zhfueng</div>
    <div id="right">Never underestimate your power to change?Whatever is worth doing is worth doing well.Never underestimate your power to change?Whatever is worth doing is worth doing well.Never underestimate your power to change?Whatever is worth doing is worth doing well.</div>
  </div>
</body>

</html>